import { Modal } from 'antd';
import { Overview } from './overview.tsx';
import { ProcessMonitor } from './process-monitor.tsx';

function SystemInfo(props: { isModelOpen: boolean; onClose: () => void }) {
  return (
    <Modal maskClosable={false} footer={null} title="系统资源" width={1200} open={props.isModelOpen} onCancel={props.onClose}>
      <Overview />
      <div style={{ height: 20 }}></div>
      <ProcessMonitor />
    </Modal>
  );
}

export { SystemInfo };